<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <meta name="applicable-device" content="mobile">
  <meta name="author" content="xubing" />
  <title>我的订单</title>
  <link rel="apple-touch-icon" href="../img/logo100.png">
  <link rel="icon" href="../img/logo100.png">
  <link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
  <link rel="stylesheet" type="text/css" href="../lisp/swiper/swiper.min.css?rev=@@hash" />
  <link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
  <!-- 自己的css -->
  <link rel="stylesheet" type="text/css" href="../css/myOrder.css?rev=@@hash" />
</head>

<body>
  <div class="hui"></div>
  <div class="bai"></div>
  <div class="hintInfo"></div>
  <div class="loadImgBox">
    <img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
  </div>
  <div id="app" v-cloak>
    <div v-html="aliPay"></div>
    <van-tabs v-model="topTab.active" swipeable="true" line-width="40" color="#FF8E9C" sticky swipe-threshold="5" @change="onClick">
      <van-tab v-for="item,index in topTab.title" :title="item">
        <van-pull-refresh v-model="isLoading" @refresh="onRefresh">

          <div class="order-list" v-for="item in orderList" :key="">
            <div class="order-info">
              <i class="order-info-pt" v-if="item.orderType==5">拼</i>
              <i class="order-info-pt" style="background: #FF5276;" v-if="item.orderType==6">奖</i>
              <i v-text="item.createTime"></i>
              <span v-text="item.orderStatusName"></span>
            </div>
            <div v-for="item,index in item.retOrderGoods" :key="" @click="item.orderType!=5?location.href='orderDetails.html?orderId='+item.orderId:location.href='PtOrderDetails.html?orderId='+item.orderId">
                <van-card v-if="item.orderType==6" :num="item.num" :title="item.name" :thumb="item.imgProduct==''?'../img/404/404.png':item.imgProduct" ></van-card>
              <van-card v-else :num="item.num" :price="item.price" :desc="item.remarkProduct" :title="item.name" :thumb="item.imgProduct==''?'../img/404/404.png':item.imgProduct" :origin-price="item.marketPrice"></van-card>
            </div>
            <div class="order-statistics" v-if="item.orderType!=6">
              <p >共<i v-text="l(item.retOrderGoods)"></i>件商品 实付：¥ <i v-text="item.orderAmount"></i></p>
              <div class="order-btn">
                <!-- 待付款 -->
                <template v-if="item.orderStatus==10">
                  <button v-if="userId==item.uniqueCode" class="van-button" @click="cancelOrder(item.orderId)">取消订单</button>
                  <button v-if="userId==item.uniqueCode" class="van-button order-btn-active" @click="pay(item.orderId,item.orderType==5?1:0)">付款</button>
                </template>
                <!-- 待发货 -->
                <template v-if="item.orderStatus==20">
                  <button v-if="userId==item.uniqueCode" class="van-button" @click="goApp">申请退款</button>
                </template>
                <!-- 待收货 -->
                <template v-if="item.orderStatus==22">
                  <button class="van-button" @click="item.orderType!=5?location.href='orderDetails.html?orderId='+item.orderId:location.href='PtOrderDetails.html?orderId='+item.orderId">查看物流</button>
                  <button v-if="userId==item.uniqueCode" class="van-button order-btn-active" @click="confirmOrder(item.orderId)">确认收货</button>
                </template>
                <!-- 已完成 退款成功-->
                <template v-if="item.orderStatus==30||item.orderStatus==46">
                  <button class="van-button" @click="item.orderType!=5?location.href='orderDetails.html?orderId='+item.orderId:location.href='PtOrderDetails.html?orderId='+item.orderId">查看物流</button>
                </template>
                <!-- 拒绝订单 已取消 -->
                <template v-if="item.orderStatus==31||item.orderStatus==32">
                  <button v-if="userId==item.uniqueCode" class="van-button" @click="mounted(item.orderId)">删除</button>
                </template>
              </div>
            </div>
          </div>

        </van-pull-refresh>
        <div class="noData" :style="orderList.length==0?'display:block':'display:none'">
          <img src="../img/404/404.png">
          <p>暂无订单</p>
        </div>
      </van-tab>
    </van-tabs>
    <van-popup v-model="show" position="bottom" :overlay="true">
      <div class="title">
        选择支付方式
        <i class="iconfont" style="float: right;" @click="close">&#xe63e;</i>
      </div>
      <van-cell class="f1" v-show='isWx'>
        <div class="cellboxs">
          <img src="../img/shop/weixin.png" class="imgdiboss" />
          <span class="nm">微信</span>
          <div>
            <van-radio-group v-model="radio">
              <van-radio name="4"></van-radio>
            </van-radio-group>
          </div>
        </div>
      </van-cell>
      <van-cell v-show='!isWx'>
        <div class="cellboxs">
          <img src="../img/shop/zhifubao.png" class="imgdiboss" />
          <span class="nm">支付宝</span>
          <div>
            <van-radio-group v-model="radio">
              <van-radio name="5"></van-radio>
            </van-radio-group>
          </div>
        </div>
      </van-cell>
      <button @click='toPay' class=" van-button pay-btn">
        立即支付
      </button>
    </van-popup>
  </div>
</body>
<script src="../lisp/jquery-2.1.4.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/swiper/swiper.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/fastclick.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vue.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vant/js/vantJs.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vue-lazyload.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/constant.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/common.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/radialIndicator/iscroll.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<!-- 自己的js -->
<script src="../js/myOrder.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>

</html>
